<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1，user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/template.css"/>
    <link rel="stylesheet" type="text/css" href="css/GIMC_PT1.css"/>
     <link rel="stylesheet" type="text/css" href="css/login_in.css"/>
     <link rel="stylesheet" type="text/css" href="css/search.css"/>
    <title>GIMC平台首页</title>

  
</head>
<style>
        #denglu{
                display:none;
        }
        #denglu:checked~.login{
                transform: translateX(0%);
        }
        #search_k{
                display: none;
        }
        #search_k:checked~.search{
                transform: translateX(0%);
        }
       
</style>
<body>
        <input type="checkbox" id="denglu">
        <input type="checkbox" id="search_k">
        <div class="search">
                        <header>
                                <input type="text" placeholder="Search">
                                
                                <label for="search_k">
                                                <span>取消</span>
                                </label>
                        </header>
                        <div class="neirong">
                                <p>热搜</p>
                                <div class="biaoqian">
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
                                        <div>O2O</div>
                                        <div>媒介平台</div>
                                        <div>细分平台业务</div>
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
            
            
                                </div>
                        </div>
        </div>
        <div class="login">
                                <header>
                                        <label for="denglu">
                                                <div class="close">×</div>
                                        </label>
                                                <input type="text" placeholder="Search">
                                                <div class="line"></div>
                                </header>
                    
                                <div class="middle">
                                        <div class="admin">
                                                <a href="index2.html"><img src="img/login_tx.png"></a>
                                        </div>
                                        <p>立即登录</p>
                                        <span>忘记密码</span>
                                </div>
                                <p class="jianxi"></p>
                                <section class="box">
                                        <div>
                                            <input id="input" name="checkbox" type="checkbox">
                                            <label for="input" class="label_A"><div>CIMC</div><span>></span>
                                                <div class="clear"></div>
                                            </label>
                                            <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                            </div>
                                        </div>
                                      <div>
                                          <input id="input_A" name="checkbox" type="checkbox">
                                          <label for="input_A"><div>文章</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                  
                                      <div>
                                          <input id="input_B" name="acheckbox" type="checkbox">
                                          <label for="input_B"><div>资源</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contentb">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                      <div>
                                        <input id="input_C" name="checkbox" type="checkbox">
                                        <label for="input_C"><div>课程</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                       
                                        <div class="content contentc">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                      </div>
                                    </div>
                                      
                                  </section>
        </div>
        <div class="web">

                <header>
                        <div class="top_content">
                                <label for="denglu">
                                   <div class="menu">
                                       <div class="line"></div>
                                       <div class="line"></div>
                                       <div class="line"></div>
                                   </div>
                                </label>
                                   <div class="logo"><img src="img/logo.png"></div>
                                <label for="search_k">
                                   <div class="search_A"><img src="img/search.png"></div>
                                </label>  
                        </div>

                </header>

                <div id="main">
                    <div id="gundong">
                        <div class="box1">
                            <div class="main_banner">
                                    <img src="img/daweilai.png">
                            </div>

                            <div class="qs"><span></span><p>省广为什么要实施平台战略</p></div>

                            <div class="qs"><span></span><p>构建实施平台战略的省广模式</p></div>

                       
                        </div>   
                     

                        <div class="box2">
                               
                                <div class="b_daohang">
                                        <span class="yuan_A"></span>
                                        <span class="yuan_B"></span>
                                </div>
                                <div class="icon">
                                   
                                        <section>
                                                <div class="i_mg"><img src="img/1.png"></div>
                                                <div class="i_mg"><img src="img/2.png"></div>
                                        </section>
                                        <section>
                                                <p>开放</p>
                                                <p>整合</p>
                                        </section> 
                                        
                                        <section>
                                                <div class="i_mg"><img src="img/3.png"></div>
                                                <div class="i_mg"><img src="img/4.png"></div>
                                        </section>
                                        <section>
                                                <p>开放</p>
                                                <p>整合</p>
                                        </section>  
                                    </div>

                                        <p>实施平台战略是为了构建一种平台化的商业模式，<br>
                                                这种商业模式能有效激励各方共同创造价值，<br>
                                               最终形成一种多方共赢的效果。</p>
                                  
                                        <!-- <div class="i_mg"><img src="img/3.png"></div>
                                        <div class="i_mg"><img src="img/4.png"></div>
                                        <p>激励</p>
                                        <p>共赢</p> -->
                                   
                               
                        </div>
                        <!--box3-->
                        <div class="box3">
                                <div class="b_daohang">
                                        <span class="yuan_A"></span>
                                        <span class="yuan_B"></span>
                                </div>
                                <div class="box3_box">
                                        <div class="left_pt">
                                             <section class="item">
                                                                <p>
                                                                        中国最早成立的<br>
                                                                        广告公司
                                                                </p>
                                                                <div class="b_yuan">
                                                                <div class="dw">
                                                                                <span>1979</span>
                                                                                <p>不代理别人的广告，就不会有自己的口碑</p>
                                                                </div>
                                                                </div>
                                             </section>

                                             <section class="item mar">
                                                        <p>
                                                                中国广告第一股<br>
                                                                
                                                        </p>
                                                        <div class="b_yuan">
                                                        <div class="dw">
                                                                        <span>2010</span>
                                                                        <p>最令人激动的不是股价,而是资本的力量的口碑</p>
                                                        </div>
                                                        </div>
                                     </section>

                                        </div>
                                        <div class="middle_img">
                                                        <img src="img/pt_middle_03.jpg">
                                        </div>
                                        <div class="right_pt">
                                                        <section class="item">
                                                                        <p>
                                                                            中国本土创作实力,最强的广告公司
                                                                        </p>
                                                                        <div class="b_yuan">
                                                                        <div class="dw">
                                                                                        <span>1996</span>
                                                                                        <p>不策划别人的品牌，就不会有自己的品牌</p>
                                                                        </div>
                                                                        </div>
                                                        </section>
                                                        <section class="item">
                                                                        <p>
                                                                                        中国本土最大的,综合性广告公司
                                                                        </p>
                                                                        <div class="b_yuan">
                                                                        <div class="dw">
                                                                                        <span>2013</span>
                                                                                        <p>盈利增长59%。。。</p>
                                                                        </div>
                                                                        </div>
                                                        </section>
                                        </div>
                                 </div>
                               
                        </div>
                        <!--box4-->
                        <div class="box4">
                                        <div class="b_daohang">
                                                <span class="yuan_A"></span>
                                                <span class="yuan_B"></span>
                                        </div>

                                        <div class="map">
                                                <img src="img/world.png">
                                                <div class="wb_box">
                                                                <p>2010年，省广股份上市就明确提出新的发展愿景：</p>
                                                                <aside>国际化整合营销传播集团</aside>
                                                </div>
                                               
                                        </div>
                                     
                                        
                                       
                        </div>
                        <!--box5-->
                        <div class="box5">
                                <div class="b_daohang">
                                        <span class="yuan_A"></span>
                                        <span class="yuan_B"></span>
                                </div>  
                                <div class="box5_img">
                                        <img src="img/shangbiao.png">
                                </div>

                                <p>加快了兼并收购的步伐，加强对IMC产业链的跨界整合，
                                                打破传统广告服务的边界，迅速扩大服务领域。</p>
                        </div>
                        <!--box6-->
                        <div class="box6">
                                                <div class="b_daohang">
                                                        <span class="yuan_A"></span>
                                                        <span class="yuan_B"></span>
                                                </div>     
                                                <div class="b_jieshao">
                                                        <div class="litte_box">
                                                                <div class="this_img">
                                                                        <img src="img/pt2.png">
                                                                </div>
                                                                <aside>
                                                                        <p>研发具有<br>
                                                                        自主知识产权的<br>
                                                                        数字化平台工具
                                                                        </p>
                                                                        <div>万有引力系统</div>
                                                                </aside>
                                                        </div>

                                                        <div class="litte_box">
                                                                        <div class="this_img">
                                                                                <img src="img/pt3.png">
                                                                        </div>
                                                                        <aside>
                                                                                <p>成立品牌权威机构
                                                                                
                                                                                </p>
                                                                                <div>指标品牌研究院</div>
                                                                        </aside>
                                                        </div>
                                                
                                                </div>
                                                <div class="b_jieshao mar_t">  
                                                        <div class="litte_box">
                                                                        <div class="this_img">
                                                                                <img src="img/pt_1.png">
                                                                        </div>
                                                                        <aside>
                                                                                <p>成立品牌权威机构
                                                                                
                                                                                </p>
                                                                                <div>指标品牌研究院</div>
                                                                        </aside>
                                                
                                                        </div>                
                                                        <div class="litte_box">
                                                                        <div class="this_img">
                                                                                <img src="img/pt4.png">
                                                                        </div>
                                                                        <aside>
                                                                                <p>成立品牌权威机构
                                                                                
                                                                                </p>
                                                                                <div>指标品牌研究院</div>
                                                                        </aside>
                                                        </div>
                                                
                                                
                                                </div>  
                                                <p class="bs_txt">
                                                                加大专业技术的投入，提升数字营销的专业服务能力，<br>
                                                                2013年数字营销营业额达到10亿，相信2015年有更大增长！
                                                </p>                
                         </div>
                         <!--box7-->
                         <div class="box7">
                                        <div class="b_daohang">
                                                        <span class="yuan_A"></span>
                                                        <span class="yuan_B"></span>
                                        </div>   
                                        <p class="b7_txt">20家成员企业，超过2000名员工，日常服务渗透<br>
                                                        IMC产业链每一个环节。
                                        </p>     
                                        <p class="b7_txt mar_7">
                                                        初步建成实力在国内遥遥领先的IMC运营平台，成功迈出了<br>
                                                        从综合性广告公司<br>
                                                        向国际化整合营销集团转型的第一步！
                                        </p>
                                        <div class="b7_img">
                                                <img src="img/tree.jpg">
                                        </div>               
                        </div>

                                             
                        <div class="box8">
                                        <div class="b_daohang">
                                                        <span class="yuan_A"></span>
                                                        <span class="yuan_B"></span>
                                        </div> 
                                        <div class="rl"> 
                                                        <div class="bg8">
                                                                        工作室运营平台      
                                                        </div>
                                       
                                                        <p>鼓励员工内部创业<br>
                                                        自由组建专业工作室
                                                        </p>
                                                        <ul>
                                                                <li>省广XXX数字营销工作室</li>
                                                                <li>省广XXX数字营销工作室</li>
                                                                <li>省广XXX数字营销工作室</li>
                                                                <li>省广XXX数字营销工作室</li>
                                                                <li class="n_style">.......</li>
                                                        </ul>
                                                      
                                        </div>
                                        <div class="bottom_yuan">
                                                <span></span>
                                                <span></span>
                                                <span></span>
                                        </div>
                                        <aside>
                                                        新平台的构建有助于迅速扩大省广在IMC领域的服务范围<br>
                                                        及专业水平,提高IMC产业价值链各环节的盈利能力，<br>
                                                        为公司未来发展创造新的盈利增长点！
                                        </aside>
                        </div>                        
                                               
                    </div><!--gundong-->
                     
                         
                </div><!--main-->

                <div id="x_tubiao">
                        <img src="img/xiajt.png">
                    </div>

                    
                <footer>
                        <div>
                            <div>
                                <a href="index.html">
                                        <img src="img/shouye.png">
                                </a>
                                
                            </div>
                            <p>
                                <a href="index.html">首页 </a>
                            </p>
                        </div>

                        <div class="f_line">
                            <div>
                                <a href="GIMC_index.html"><img src="img/cimc.png"></a>
                            </div>
                            <p><a href="GIMC_index.html">CIMC</a></p>
                        </div>

                        <div class="f_line">
                            <div>
                                <a href="wenzhang_1.html"><img src="img/wenzhang2.png"></a>
                            </div>
                            <p><a href="wenzhang_1.html">文章</a></p>
                        </div>

                        <div class="f_line">
                            <div>
                                <a href="ziyuan1.html"><img src="img/ziyuan.png"></a>
                            </div>
                            <p><a href="ziyuan1.html">资源</a></p>
                        </div>
                        <div class="f_line">
                            <div>
                                <a href="keceng.html"><img src="img/xueyuan.png"></a>
                            </div>
                            <p><a href="keceng.html">学院</a></p>
                        </div>
                </footer>

        </div><!--web-->

       
</body>

<script>
  
/*动态改变根元素字体大小*/
function recalc() {
	var clientWidth = document.documentElement.clientWidth;
	if(!clientWidth) return;
	document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
}

function initRecalc() {
	recalc();
	var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	if(!document.addEventListener) return;
	window.addEventListener(resizeEvt, recalc, false);
	document.addEventListener('DOMContentLoaded', recalc, false);
}
initRecalc();

 console.log("手机viewportWidth=",document.documentElement.clientWidth);
    //获取viewport宽
    var viewportWidth = document.documentElement.clientWidth;
    console.log(document.documentElement.style.fontSize);

    window.onload = function(){
            var clientWidth = document.documentElement.clientWidth;
            var clientheight = document.documentElement.clientHeight;
            var gundong = document.getElementById("gundong");
            console.log(clientheight);
            var an_niu = document.getElementById('x_tubiao');
            var i = 1;
            an_niu.onclick = function(){
                if(i<8){    
                        var a = clientheight;
                        gundong.style.transform  = 'translateY(-'+(a*i)+'px)';
                        i++;

                 }else{
                         i=0;
                 }
                 //translateY('a'+'px');
                 //'transform':'translateX(-'+(t_width+10)*t_index+'px)',
                
            }

    }

</script>

</html>